<div class="ground" id="group" onClick="alert(GetAbsPosition(this))" style="width:640px">
<img src="ground.jpg" border="0" usemap="#Map"  onclick="point_it(event)"  />
<map name="Map" id="Map">
  <area shape="poly" coords="166,502,82,304,278,320,167,503,164,500,102,409,90,322" href="#cover" /><area shape="circle" coords="286,329,6" href="#sili_midoff"><area shape="circle" coords="318,329,7" href="#sili_midon">
  <area shape="poly" coords="304,548,286,350,173,500" href="#midoff" />
<area shape="poly" coords="306,539,301,677,26,688,163,499" href="#longoff" />
<area shape="poly" coords="322,359,421,500,300,544" href="#midon" />
<area shape="poly" coords="551,682,427,494,302,542,296,682" href="#longon" />
<area shape="poly" coords="340,317,506,305,424,494" href="#midwicket" /><area shape="circle" coords="325,313,7" href="#short_leg"><area shape="circle" coords="306,403,8" href="#bowler">
<area shape="rect" coords="320,122,322,123" href="#" />
<area shape="circle" coords="302,264,6" href="#first_slip">
<area shape="circle" coords="292,265,6" href="#second_slip">
<area shape="circle" coords="286,266,6" href="#third_slip">
<area shape="circle" coords="279,272,6" href="#fourth">
<area shape="poly" coords="305,107,196,130,113,2,303,-13" href="#thirdman" />
<area shape="poly" coords="307,107,416,142,311,280" href="#fineleg" />
<area shape="circle" coords="305,295,5" href="#keeper">
<area shape="poly" coords="418,145,524,-4,304,-5,307,108" href="#deep_fineleg" />
<area shape="poly" coords="106,410,162,502,93,603,40,690,-4,693,-6,450,3,301,88,302" href="#deepcover" />
<area shape="rect" coords="298,301,311,392" href="#pitch" style="cursor:wait" />
<area shape="poly" coords="311,298,423,140,487,212,514,299,519,297" href="#squareleg" />
<area shape="poly" coords="522,-6,608,-1,606,168,606,308,511,308,469,195,417,141" href="#deep_squareleg" />
<area shape="poly" coords="199,137,111,4,7,5,7,302,93,300" href="#deeppoint">
<area shape="poly" coords="502,303,592,316" href="#">
<area shape="poly" coords="504,305,426,486,548,670,594,670,598,308" href="#deep_midwicket">
<area shape="poly" coords="301,115,302,240,273,254,204,139" href="#short_thirdman">
<area shape="poly" coords="258,251,270,302,92,300,193,142" href="#point">
<area shape="circle" coords="277,287,8" href="#gulley">
</map>
</div>
<div id="score">
<table width="23%" border="1">
  <tr>
    <td>Batsman: Bowler:</td>
  </tr>
  <tr>
    <td>Position:</td>
    </tr>
  <tr>
    <td>Runs 1 2 3 4 5 6 </td>
  </tr>
  <tr>
    <td>Extra: Byes, Wide, No Ball, Leg Byes</td>
  </tr>
  <tr>
    <td>Out: Run Out Catch Bowled LBW</td>
  </tr>
</table>
<table width="100%" border="1">
  <tr>
    <td width="22%">&nbsp;</td>
    <td width="8%">Mid On</td>
    <td width="6%">Mid Of</td>
    <td width="9%">Mid Wicket</td>
    <td width="7%">&nbsp;</td>
    <td width="4%">&nbsp;</td>
    <td width="6%">&nbsp;</td>
    <td width="38%">&nbsp;</td>
  </tr>
</table>
</div>
</body>
</html>



